<script setup lang="ts">
import { NConfigProvider, NMessageProvider } from 'naive-ui'
import { RouterView } from 'vue-router'
import HeaderCom from '@/components/HeaderCom.vue'
import { useThemeStore } from '@/stores/modules/theme'

const themeStore = useThemeStore()
</script>

<template>
  <NConfigProvider :theme-overrides="themeStore.themeOverrides">
    <NMessageProvider>
      <div class="min-h-screen bg-gray-50">
        <HeaderCom />
        <div class="pt-6">
          <RouterView />
        </div>
      </div>
    </NMessageProvider>
  </NConfigProvider>
</template>

<style>
.n-card {
  margin-top: 12px;
}
</style>
